<template>
  <div :style="{ width: props.width, height: props.height }">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      :width="props.width"
      :height="props.height"
      viewBox="0 0 341.069 57.541"
      preserveAspectRatio="none meet"
    >
      <defs>
        <linearGradient
          id="linear-gradient"
          x1="1"
          y1="0.661"
          x2="0"
          y2="0.339"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" :stop-color="states.color2" stop-opacity="0" />
          <stop offset="1" :stop-color="states.color2" />
        </linearGradient>
        <filter id="减去_9">
          <feOffset dx="15" input="SourceAlpha" />
          <feGaussianBlur stdDeviation="42" result="blur" />
          <feFlood
            :flood-color="states.color2"
            flood-opacity="0.212"
            result="color"
          />
          <feComposite operator="out" in="SourceGraphic" in2="blur" />
          <feComposite operator="in" in="color" />
          <feComposite operator="in" in2="SourceGraphic" />
        </filter>
        <linearGradient
          id="linear-gradient-2"
          y1="0.706"
          y2="0.294"
          xlink:href="#linear-gradient"
        />
        <filter id="减去_10">
          <feOffset dx="15" input="SourceAlpha" />
          <feGaussianBlur stdDeviation="42" result="blur-2" />
          <feFlood
            :flood-color="states.color2"
            flood-opacity="0.212"
            result="color-2"
          />
          <feComposite operator="out" in="SourceGraphic" in2="blur-2" />
          <feComposite operator="in" in="color-2" />
          <feComposite operator="in" in2="SourceGraphic" />
        </filter>
        <linearGradient
          id="linear-gradient-3"
          x1="1"
          y1="0.5"
          x2="0"
          y2="0.5"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" :stop-color="states.color2" stop-opacity="0" />
          <stop offset="1" :stop-color="states.color2" stop-opacity="0.502" />
        </linearGradient>
        <linearGradient
          id="linear-gradient-5"
          x1="0.5"
          y1="1.25"
          x2="0.5"
          y2="-0.25"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" :stop-color="states.color" />
          <stop offset="0.002" :stop-color="states.color" />
          <stop offset="1" :stop-color="states.color" />
        </linearGradient>
        <filter
          id="路径_1143"
          x="22.939"
          y="26.62"
          width="18.568"
          height="14.344"
          filterUnits="userSpaceOnUse"
        >
          <feOffset dy="4" input="SourceAlpha" />
          <feGaussianBlur result="blur-3" />
          <feFlood :flood-color="states.color" flood-opacity="0.702" />
          <feComposite operator="in" in2="blur-3" />
          <feComposite in="SourceGraphic" />
        </filter>
        <filter
          id="路径_1144"
          x="27.679"
          y="18.401"
          width="9.088"
          height="15.316"
          filterUnits="userSpaceOnUse"
        >
          <feOffset dy="4" input="SourceAlpha" />
          <feGaussianBlur result="blur-4" />
          <feFlood :flood-color="states.color" flood-opacity="0.702" />
          <feComposite operator="in" in2="blur-4" />
          <feComposite in="SourceGraphic" />
        </filter>
      </defs>
      <g id="文字装饰3" transform="translate(-1131.065 -2644.892)">
        <g data-type="innerShadowGroup">
          <path
            id="减去_9-2"
            data-name="减去 9"
            d="M14819.067,23429.049h-291.1a27.718,27.718,0,0,0-.315-45.322h291.418v45.322h0Z"
            transform="translate(-13348 -20733)"
            opacity="0.502"
            fill="url(#linear-gradient)"
          />
          <g
            transform="matrix(1, 0, 0, 1, 1131.06, 2644.89)"
            filter="url(#减去_9)"
          >
            <path
              id="减去_9-3"
              data-name="减去 9"
              d="M14819.067,23429.049h-291.1a27.718,27.718,0,0,0-.315-45.322h291.418v45.322h0Z"
              transform="translate(-14479.06 -23377.89)"
              fill="#fff"
              opacity="0.502"
            />
          </g>
          <path
            id="减去_9-4"
            data-name="减去 9"
            d="M14819.067,23429.049h-291.1a27.718,27.718,0,0,0-.315-45.322h291.418v45.322h0Z"
            transform="translate(-13348 -20733)"
            fill="none"
            stroke="rgba(0,0,0,0)"
            stroke-miterlimit="10"
            stroke-width="1"
            opacity="0.502"
          />
        </g>
        <g data-type="innerShadowGroup">
          <path
            id="减去_10-2"
            data-name="减去 10"
            d="M14819.634,23422.5h-285.177a27.607,27.607,0,0,0-.162-32.229h285.339v32.229Z"
            transform="translate(-13348 -20733)"
            opacity="0.502"
            fill="url(#linear-gradient-2)"
          />
          <g
            transform="matrix(1, 0, 0, 1, 1131.06, 2644.89)"
            filter="url(#减去_10)"
          >
            <path
              id="减去_10-3"
              data-name="减去 10"
              d="M14819.634,23422.5h-285.177a27.607,27.607,0,0,0-.162-32.229h285.339v32.229Z"
              transform="translate(-14479.06 -23377.89)"
              fill="#fff"
              opacity="0.502"
            />
          </g>
          <path
            id="减去_10-4"
            data-name="减去 10"
            d="M14819.634,23422.5h-285.177a27.607,27.607,0,0,0-.162-32.229h285.339v32.229Z"
            transform="translate(-13348 -20733)"
            fill="none"
            stroke="rgba(0,0,0,0)"
            stroke-miterlimit="10"
            stroke-width="1"
            opacity="0.502"
          />
        </g>
        <path
          id="矩形_518"
          data-name="矩形 518"
          d="M1,0H142V1H0Z"
          transform="translate(1181 2695)"
          fill="url(#linear-gradient-3)"
        />
        <path
          id="矩形_518_拷贝"
          data-name="矩形 518 拷贝"
          d="M0,0H143V1H2Z"
          transform="translate(1180 2651)"
          fill="url(#linear-gradient-3)"
        />
        <g
          id="椭圆_506_拷贝_2"
          data-name="椭圆 506 拷贝 2"
          transform="translate(-7.835)"
          fill="rgba(11,45,122,0.4)"
          stroke-linejoin="round"
          opacity="0.2"
        >
          <path
            d="M 1170.662353515625 2701.432373046875 C 1163.767700195312 2701.432373046875 1157.1328125 2698.89208984375 1151.979858398438 2694.27978515625 C 1146.999755859375 2689.822021484375 1143.809326171875 2683.803955078125 1142.95458984375 2677.280029296875 C 1143.278564453125 2677.042724609375 1143.61767578125 2676.795654296875 1143.949096679688 2676.55419921875 C 1144.663940429688 2676.033203125 1145.339111328125 2675.541015625 1145.855346679688 2675.154052734375 C 1146.78173828125 2674.459716796875 1147.08251953125 2674.234130859375 1147.101318359375 2673.716064453125 C 1147.136596679688 2673.209716796875 1146.848510742188 2672.94482421875 1146.244140625 2672.389404296875 C 1145.90673828125 2672.07958984375 1145.437866210938 2671.660400390625 1144.94140625 2671.216552734375 C 1144.372192382812 2670.707763671875 1143.741455078125 2670.14404296875 1143.182250976562 2669.6318359375 C 1144.12109375 2663.177001953125 1147.322021484375 2657.247802734375 1152.233032226562 2652.887939453125 C 1157.314697265625 2648.37646484375 1163.859741210938 2645.891845703125 1170.662353515625 2645.891845703125 C 1177.464965820312 2645.891845703125 1184.009887695312 2648.37646484375 1189.091552734375 2652.887939453125 C 1194.002563476562 2657.247802734375 1197.203491210938 2663.177001953125 1198.142333984375 2669.6318359375 C 1197.5830078125 2670.144287109375 1196.951904296875 2670.708251953125 1196.382446289062 2671.21728515625 C 1195.88623046875 2671.660888671875 1195.41748046875 2672.079833984375 1195.080322265625 2672.3896484375 C 1194.476196289062 2672.945068359375 1194.188110351562 2673.209716796875 1194.223388671875 2673.716064453125 C 1194.2421875 2674.234130859375 1194.54296875 2674.459716796875 1195.469360351562 2675.154052734375 C 1195.985595703125 2675.541015625 1196.660766601562 2676.033203125 1197.375610351562 2676.55419921875 C 1197.70703125 2676.795654296875 1198.046142578125 2677.042724609375 1198.3701171875 2677.280029296875 C 1197.515380859375 2683.803955078125 1194.324951171875 2689.822021484375 1189.344848632812 2694.27978515625 C 1184.19189453125 2698.89208984375 1177.557006835938 2701.432373046875 1170.662353515625 2701.432373046875 Z"
            stroke="none"
          />
          <path
            d="M 1170.662353515625 2646.891845703125 C 1164.104614257812 2646.891845703125 1157.79541015625 2649.286865234375 1152.89697265625 2653.6357421875 C 1148.295166015625 2657.72119140625 1145.250854492188 2663.2353515625 1144.2529296875 2669.25439453125 C 1144.699951171875 2669.659423828125 1145.171997070312 2670.08154296875 1145.607788085938 2670.47119140625 C 1146.10693359375 2670.917236328125 1146.578369140625 2671.338623046875 1146.920776367188 2671.653076171875 C 1147.557006835938 2672.23779296875 1148.159423828125 2672.79150390625 1148.100219726562 2673.764892578125 C 1148.060913085938 2674.75048828125 1147.448364257812 2675.209716796875 1146.455078125 2675.954345703125 C 1145.933471679688 2676.345458984375 1145.255615234375 2676.83935546875 1144.537841796875 2677.362548828125 C 1144.369262695312 2677.4853515625 1144.19873046875 2677.609619140625 1144.029174804688 2677.7333984375 C 1144.962036132812 2683.794921875 1147.994140625 2689.3701171875 1152.646850585938 2693.53466796875 C 1157.616088867188 2697.982666015625 1164.01416015625 2700.432373046875 1170.662353515625 2700.432373046875 C 1177.310546875 2700.432373046875 1183.70849609375 2697.982666015625 1188.677856445312 2693.53466796875 C 1193.33056640625 2689.3701171875 1196.362670898438 2683.794921875 1197.295532226562 2677.7333984375 C 1197.1259765625 2677.609619140625 1196.955444335938 2677.4853515625 1196.786865234375 2677.362548828125 C 1196.069091796875 2676.83935546875 1195.391235351562 2676.345458984375 1194.86962890625 2675.954345703125 C 1193.876342773438 2675.209716796875 1193.263793945312 2674.75048828125 1193.224487304688 2673.76513671875 C 1193.165283203125 2672.79150390625 1193.767578125 2672.238037109375 1194.403686523438 2671.653564453125 C 1194.745849609375 2671.339111328125 1195.217041015625 2670.917724609375 1195.715942382812 2670.471923828125 C 1196.152099609375 2670.08203125 1196.624389648438 2669.659912109375 1197.071655273438 2669.25439453125 C 1196.07373046875 2663.235595703125 1193.029541015625 2657.72119140625 1188.427734375 2653.6357421875 C 1183.529174804688 2649.286865234375 1177.219970703125 2646.891845703125 1170.662353515625 2646.891845703125 M 1170.662353515625 2644.891845703125 C 1185.315673828125 2644.891845703125 1197.410400390625 2655.8466796875 1199.203369140625 2670.013427734375 C 1197.642333984375 2671.4658203125 1195.210571289062 2673.55908203125 1195.222412109375 2673.662109375 C 1195.222412109375 2673.7783203125 1197.705810546875 2675.54638671875 1199.4326171875 2676.81982421875 C 1197.853515625 2691.216552734375 1185.4794921875 2702.432373046875 1170.662353515625 2702.432373046875 C 1155.845092773438 2702.432373046875 1143.47119140625 2691.216552734375 1141.89208984375 2676.81982421875 C 1143.618896484375 2675.54638671875 1146.102294921875 2673.7783203125 1146.102294921875 2673.662109375 C 1146.114135742188 2673.55908203125 1143.682373046875 2671.4658203125 1142.121215820312 2670.013427734375 C 1143.914184570312 2655.8466796875 1156.009033203125 2644.891845703125 1170.662353515625 2644.891845703125 Z"
            stroke="none"
            :fill="states.color"
          />
        </g>
        <g
          id="椭圆_506_拷贝_4"
          data-name="椭圆 506 拷贝 4"
          transform="translate(-32.17 -24.334)"
          fill="rgba(11,45,122,0.4)"
          stroke-linejoin="round"
          opacity="0.102"
        >
          <path
            d="M 1194.996948242188 2716.4736328125 C 1190.408935546875 2716.4736328125 1185.99365234375 2714.783203125 1182.564453125 2711.7138671875 C 1179.298828125 2708.790771484375 1177.189819335938 2704.860107421875 1176.585083007812 2700.593017578125 C 1176.755493164062 2700.46826171875 1176.929931640625 2700.34130859375 1177.101318359375 2700.21630859375 C 1179.322998046875 2698.59716796875 1179.369018554688 2698.563720703125 1179.369995117188 2698.031005859375 C 1179.392822265625 2697.548095703125 1179.092529296875 2697.27197265625 1178.684936523438 2696.8974609375 C 1178.455200195312 2696.6865234375 1178.13720703125 2696.402099609375 1177.800537109375 2696.101318359375 C 1177.458129882812 2695.795166015625 1177.08251953125 2695.45947265625 1176.738159179688 2695.145751953125 C 1177.3935546875 2690.9169921875 1179.51025390625 2687.036865234375 1182.73486328125 2684.174072265625 C 1186.115966796875 2681.17236328125 1190.470703125 2679.519287109375 1194.996948242188 2679.519287109375 C 1199.523193359375 2679.519287109375 1203.8779296875 2681.17236328125 1207.259033203125 2684.174072265625 C 1210.483642578125 2687.036865234375 1212.600341796875 2690.9169921875 1213.255737304688 2695.145751953125 C 1212.9111328125 2695.459716796875 1212.535400390625 2695.795654296875 1212.192626953125 2696.10205078125 C 1211.856079101562 2696.402587890625 1211.538330078125 2696.686767578125 1211.30859375 2696.897705078125 C 1210.885498046875 2697.28662109375 1210.598876953125 2697.550048828125 1210.623779296875 2698.032958984375 C 1210.624877929688 2698.563720703125 1210.67333984375 2698.59912109375 1212.8896484375 2700.21435546875 C 1213.06201171875 2700.33984375 1213.237426757812 2700.4677734375 1213.40869140625 2700.593017578125 C 1212.804077148438 2704.860107421875 1210.695068359375 2708.790771484375 1207.429443359375 2711.7138671875 C 1204.000244140625 2714.783203125 1199.5849609375 2716.4736328125 1194.996948242188 2716.4736328125 Z"
            stroke="none"
          />
          <path
            d="M 1194.996948242188 2680.519287109375 C 1190.715698242188 2680.519287109375 1186.5966796875 2682.082763671875 1183.398803710938 2684.921875 C 1180.482543945312 2687.510986328125 1178.5244140625 2690.978271484375 1177.816162109375 2694.772705078125 C 1178.035400390625 2694.969970703125 1178.257446289062 2695.16845703125 1178.467041015625 2695.355712890625 C 1178.806274414062 2695.658935546875 1179.126831054688 2695.945556640625 1179.361572265625 2696.1611328125 C 1179.8134765625 2696.576416015625 1180.425659179688 2697.13916015625 1180.367553710938 2698.103759765625 C 1180.3232421875 2699.070556640625 1179.677856445312 2699.554443359375 1178.995971679688 2700.0654296875 C 1178.63916015625 2700.3330078125 1178.178344726562 2700.668701171875 1177.6904296875 2701.0244140625 C 1177.683227539062 2701.029541015625 1177.676025390625 2701.034912109375 1177.668823242188 2701.0400390625 C 1178.343994140625 2704.846435546875 1180.292602539062 2708.338134765625 1183.2314453125 2710.96875 C 1186.476928710938 2713.873779296875 1190.655395507812 2715.4736328125 1194.996948242188 2715.4736328125 C 1199.338500976562 2715.4736328125 1203.516967773438 2713.873779296875 1206.762451171875 2710.96875 C 1209.701293945312 2708.338134765625 1211.649780273438 2704.846435546875 1212.324951171875 2701.0400390625 C 1212.316772460938 2701.0341796875 1212.308715820312 2701.0283203125 1212.300537109375 2701.022216796875 C 1211.813232421875 2700.667236328125 1211.35302734375 2700.331787109375 1210.996826171875 2700.064697265625 C 1210.314819335938 2699.553466796875 1209.66943359375 2699.069580078125 1209.626098632812 2698.101318359375 C 1209.569213867188 2697.137939453125 1210.1806640625 2696.576171875 1210.631958007812 2696.161376953125 C 1210.86669921875 2695.94580078125 1211.18701171875 2695.659423828125 1211.526123046875 2695.3564453125 C 1211.735961914062 2695.1689453125 1211.958251953125 2694.97021484375 1212.177734375 2694.772705078125 C 1211.469482421875 2690.978271484375 1209.511352539062 2687.510986328125 1206.595092773438 2684.921875 C 1203.397216796875 2682.082763671875 1199.278198242188 2680.519287109375 1194.996948242188 2680.519287109375 M 1194.996948242188 2678.519287109375 C 1204.917236328125 2678.519287109375 1213.105224609375 2685.935546875 1214.319091796875 2695.5263671875 C 1213.26220703125 2696.509765625 1211.615844726562 2697.9267578125 1211.623779296875 2697.99658203125 C 1211.623779296875 2698.0751953125 1213.30517578125 2699.272216796875 1214.47412109375 2700.13427734375 C 1213.405151367188 2709.880859375 1205.028076171875 2717.4736328125 1194.996948242188 2717.4736328125 C 1184.9658203125 2717.4736328125 1176.588745117188 2709.880859375 1175.519653320312 2700.13427734375 C 1176.688720703125 2699.272216796875 1178.369995117188 2698.0751953125 1178.369995117188 2697.99658203125 C 1178.378051757812 2697.9267578125 1176.731689453125 2696.509765625 1175.6748046875 2695.5263671875 C 1176.888671875 2685.935546875 1185.07666015625 2678.519287109375 1194.996948242188 2678.519287109375 Z"
            stroke="none"
            fill="#1b8cc7"
          />
        </g>
        <path
          id="矩形_508_拷贝"
          data-name="矩形 508 拷贝"
          d="M1134.778,2726.064l3.713,3.713-3.713,3.713-3.713-3.713Z"
          transform="translate(0 -58.74)"
          :fill="states.color"
          opacity="0.102"
        />
        <path
          id="矩形_508_拷贝_2"
          data-name="矩形 508 拷贝 2"
          d="M1134.778,2745.065l3.713,3.713-3.713,3.713-3.713-3.713Z"
          transform="translate(0 -72.49)"
          :fill="states.color"
          opacity="0.102"
        />
        <path
          id="矩形_508"
          data-name="矩形 508"
          d="M1134.778,2735.064l3.713,3.713-3.713,3.713-3.713-3.713Z"
          transform="translate(0 -65.253)"
          :fill="states.color"
        />
        <path
          id="矩形_508_拷贝_4"
          data-name="矩形 508 拷贝 4"
          d="M1140.089,2742.4l1.684,1.684-1.684,1.685-1.684-1.685Z"
          transform="translate(-5.311 -70.565)"
          :fill="states.color"
        />
        <path
          id="矩形_508_拷贝_3"
          data-name="矩形 508 拷贝 3"
          d="M1337.778,2726.064l3.713,3.713-3.713,3.713-3.713-3.713Z"
          transform="translate(-146.901 -58.74)"
          :fill="states.color"
          opacity="0.102"
        />
        <path
          id="矩形_508_拷贝_3-2"
          data-name="矩形 508 拷贝 3"
          d="M1337.778,2745.065l3.713,3.713-3.713,3.713-3.713-3.713Z"
          transform="translate(-146.901 -72.49)"
          :fill="states.color"
          opacity="0.102"
        />
        <path
          id="矩形_508_拷贝_3-3"
          data-name="矩形 508 拷贝 3"
          d="M1337.778,2735.064l3.713,3.713-3.713,3.713-3.713-3.713Z"
          transform="translate(-146.901 -65.253)"
          :fill="states.color"
        />
        <path
          id="矩形_508_拷贝_5"
          data-name="矩形 508 拷贝 5"
          d="M1343.089,2742.4l1.684,1.684-1.684,1.685-1.684-1.685Z"
          transform="translate(-152.212 -70.565)"
          :fill="states.color"
        />
        <g
          id="椭圆_506_拷贝"
          data-name="椭圆 506 拷贝"
          transform="translate(-23.833 -15.998)"
          fill="rgba(18,51,101,0.4)"
          stroke-linejoin="round"
        >
          <path
            d="M 1186.66064453125 2710.821044921875 C 1181.405639648438 2710.821044921875 1176.348510742188 2708.884765625 1172.420532226562 2705.368896484375 C 1168.7314453125 2702.066650390625 1166.331176757812 2697.64208984375 1165.601806640625 2692.833251953125 C 1165.74609375 2692.727783203125 1165.8916015625 2692.621826171875 1166.035400390625 2692.51708984375 C 1166.601318359375 2692.104736328125 1167.135986328125 2691.715087890625 1167.547241210938 2691.40673828125 C 1168.31103515625 2690.834228515625 1168.782592773438 2690.480712890625 1168.814331054688 2689.74169921875 C 1168.861572265625 2689.008056640625 1168.419067382812 2688.6015625 1167.909790039062 2688.133544921875 C 1167.640502929688 2687.885986328125 1167.269287109375 2687.55419921875 1166.87646484375 2687.203125 C 1166.523193359375 2686.88720703125 1166.139770507812 2686.54443359375 1165.778564453125 2686.216796875 C 1166.560302734375 2681.443359375 1168.969970703125 2677.06884765625 1172.617797851562 2673.830322265625 C 1176.489868164062 2670.392822265625 1181.47705078125 2668.49951171875 1186.66064453125 2668.49951171875 C 1191.84423828125 2668.49951171875 1196.831298828125 2670.392822265625 1200.703369140625 2673.830322265625 C 1204.351196289062 2677.06884765625 1206.760864257812 2681.443359375 1207.542724609375 2686.216796875 C 1207.181396484375 2686.544677734375 1206.797729492188 2686.887451171875 1206.4443359375 2687.203369140625 C 1206.051513671875 2687.554443359375 1205.680541992188 2687.88623046875 1205.411254882812 2688.133544921875 C 1204.902099609375 2688.6015625 1204.459716796875 2689.008056640625 1204.5068359375 2689.74169921875 C 1204.53857421875 2690.480712890625 1205.010009765625 2690.833984375 1205.773559570312 2691.406494140625 C 1206.184692382812 2691.714599609375 1206.718994140625 2692.10400390625 1207.284790039062 2692.516357421875 C 1207.428833007812 2692.621337890625 1207.57470703125 2692.7275390625 1207.719482421875 2692.833251953125 C 1206.990112304688 2697.64208984375 1204.58984375 2702.066650390625 1200.900634765625 2705.368896484375 C 1196.972778320312 2708.884765625 1191.91552734375 2710.821044921875 1186.66064453125 2710.821044921875 Z"
            stroke="none"
          />
          <path
            d="M 1186.66064453125 2709.321044921875 C 1191.5458984375 2709.321044921875 1196.247802734375 2707.5205078125 1199.900268554688 2704.251220703125 C 1203.1005859375 2701.38671875 1205.256958007812 2697.614990234375 1206.080688476562 2693.494873046875 C 1205.631225585938 2693.1669921875 1205.21337890625 2692.861328125 1204.873901367188 2692.606689453125 C 1204.027709960938 2691.972412109375 1203.072509765625 2691.256591796875 1203.008544921875 2689.8154296875 C 1202.92578125 2688.380615234375 1203.840698242188 2687.539794921875 1204.396362304688 2687.029052734375 C 1204.673217773438 2686.774658203125 1205.047973632812 2686.439697265625 1205.444702148438 2686.085205078125 C 1205.597290039062 2685.94873046875 1205.755615234375 2685.80712890625 1205.915283203125 2685.6640625 C 1205.06298828125 2681.540771484375 1202.8935546875 2677.780517578125 1199.70751953125 2674.9521484375 C 1196.110229492188 2671.75830078125 1191.476806640625 2669.99951171875 1186.66064453125 2669.99951171875 C 1181.844482421875 2669.99951171875 1177.211059570312 2671.75830078125 1173.613647460938 2674.9521484375 C 1170.427612304688 2677.780517578125 1168.25830078125 2681.540771484375 1167.406005859375 2685.6640625 C 1167.5654296875 2685.806884765625 1167.7236328125 2685.948486328125 1167.876098632812 2686.084716796875 C 1168.27294921875 2686.439453125 1168.647827148438 2686.774658203125 1168.924682617188 2687.029052734375 C 1169.48046875 2687.539794921875 1170.3955078125 2688.38037109375 1170.312622070312 2689.8154296875 C 1170.24853515625 2691.25634765625 1169.293212890625 2691.97265625 1168.446899414062 2692.60693359375 C 1168.107421875 2692.861572265625 1167.689819335938 2693.167236328125 1167.240600585938 2693.494873046875 C 1168.064331054688 2697.614990234375 1170.220703125 2701.38671875 1173.421020507812 2704.251220703125 C 1177.073364257812 2707.5205078125 1181.775390625 2709.321044921875 1186.66064453125 2709.321044921875 M 1186.66064453125 2712.321044921875 C 1174.989868164062 2712.321044921875 1165.24365234375 2703.48681640625 1163.999877929688 2692.1474609375 C 1165.360107421875 2691.14453125 1167.316040039062 2689.751953125 1167.316040039062 2689.660400390625 C 1167.325317382812 2689.5791015625 1165.410034179688 2687.930419921875 1164.180419921875 2686.786376953125 C 1165.592529296875 2675.628173828125 1175.119018554688 2666.99951171875 1186.66064453125 2666.99951171875 C 1198.202270507812 2666.99951171875 1207.728637695312 2675.628173828125 1209.140869140625 2686.786376953125 C 1207.911254882812 2687.930419921875 1205.995849609375 2689.5791015625 1206.005126953125 2689.660400390625 C 1206.005126953125 2689.751953125 1207.961181640625 2691.14453125 1209.321411132812 2692.1474609375 C 1208.07763671875 2703.48681640625 1198.331298828125 2712.321044921875 1186.66064453125 2712.321044921875 Z"
            stroke="none"
            :fill="states.color"
          />
        </g>
        <g
          id="组_4979"
          data-name="组 4979"
          transform="translate(1154 2663.123)"
        >
          <g
            transform="matrix(1, 0, 0, 1, -22.94, -18.23)"
            filter="url(#路径_1143)"
          >
            <path
              id="路径_1143-2"
              data-name="路径 1143"
              d="M18.511,460.347l-1.9-6.027a1.3,1.3,0,0,0-1.242-.91H13.9a19.128,19.128,0,0,1-3.21,3.691l-.155.147a1.805,1.805,0,0,1-2.489,0l-.18-.171a19.015,19.015,0,0,1-3.2-3.665H3.088a1.3,1.3,0,0,0-1.246.925L.061,460.216a1.3,1.3,0,0,0,1.562,1.64l4.016-1a1.3,1.3,0,0,1,1.1.225l3.184,2.412a1.3,1.3,0,0,0,1.115.222L17.6,462a1.3,1.3,0,0,0,.913-1.651Z"
              transform="translate(22.94 -426.79)"
              fill="url(#linear-gradient-5)"
            />
          </g>
          <g
            transform="matrix(1, 0, 0, 1, -22.94, -18.23)"
            filter="url(#路径_1144)"
          >
            <path
              id="路径_1144-2"
              data-name="路径 1144"
              d="M265.562,11.329a.567.567,0,0,0,.783,0C267.758,9.989,270.5,7.5,270.5,4.715a4.544,4.544,0,1,0-9.088,0c0,2.791,2.706,5.237,4.152,6.614Zm.392-8.32a1.706,1.706,0,1,1-1.706,1.706,1.706,1.706,0,0,1,1.706-1.706Z"
              transform="translate(-233.73 18.23)"
              fill="url(#linear-gradient-5)"
            />
          </g>
        </g>
      </g>
      <text
        :x="states.x"
        :y="states.y"
        font-family="font"
        :font-size="states.fontSize"
        :fill="states.fontColor"
        style="text-anchor: middle"
      >
        {{ states.text }}
      </text>
    </svg>
  </div>
</template>

<script setup lang="ts">
import { computed, onMounted } from "vue";

let props = defineProps({
  width: {
    type: String,
    default: "",
  },
  id: {
    type: String,
    default: "",
  },
  height: {
    type: String,
    default: "",
  },
  models: {
    type: Object,
    default: () => ({}),
  },
});
const states = computed({
  get: () => props.models,
  set: () => {},
}) as any;
let emit = defineEmits(["updateSize"]);
onMounted(() => {
  states.value.x = "30%";
  states.value.y = "59%";
  states.value.color = "#4169E1";
  states.value.color2 = "#4169E1";
  emit("updateSize", {
    w: 509,
    h: 90,
    id: props.id,
  });
});
</script>

<style scoped lang="scss"></style>
